<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./login.css">
  <link rel="stylesheet" href="./base.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <title>品优购登录页</title>
</head>
<body>

  <!-- logo标题 -->
  <div class="title wrapper">
    <div class="img">
      <img src="./images/logo.png" alt="无">
    </div>
  </div>

  <!-- 登录主体 -->
  <div class="login-box">
    <div class="login-input">
      <!-- 登录方式 -->
      <div class="login-txt">
        <p class="txt1">扫码登陆</p>
        <p class="txt2">账户登录</p>
      </div>
      <!-- 警示 -->
        <div class="warn">
          公共场所不建议自动登录,以免账号丢失
        </div>

      <!-- 账号密码登录输入框 -->
        <div class="login-input-box">
          <div class="email">
            <img src="./images/zh.png" alt="">
            <input type="text" placeholder="邮箱/用户名/手机号">
          </div>
          <div class="password">
            <img src="./images/pw.png" alt=""></img>
            <input type="text" placeholder="请输入密码">
          </div>
        </div>

          <!-- 忘记密码 -->
            <div class="checkbox">
            <div class="check">
              <input type="checkbox">
              <p>自动登录</p>
            </div>
            <p>忘记密码?</p>
          </div>

          <!-- 登录按钮 -->
            <button class="login-button">登录</button>

            <!-- 注册 -->
            <div class="register">
              <img src="./images/icon1.png" alt="">
              <img src="./images/icon2.png" alt="">
              <img src="./images/icon3.png" alt="">
              <img src="./images/icon4.png" alt="">
              <p>立即注册</p>
            </div>


          
          
    </div>
  </div>  
    <!-- 公司信息 -->
    <footer class="footer">
      <div class="footer-links">
          <a href="#" class="footer-link">关于我们</a>
          <a href="#" class="footer-link">联系我们</a>
          <a href="#" class="footer-link">联系客服</a>
          <a href="#" class="footer-link">商家入驻</a>
          <a href="#" class="footer-link">营销中心</a>
          <a href="#" class="footer-link">手机品优购</a>
          <a href="#" class="footer-link">友情链接</a>
          <a href="#" class="footer-link">销售联盟</a>
          <a href="#" class="footer-link">品优购社区</a>
          <a href="#" class="footer-link">品优购公益</a>
          <a href="#" class="footer-link">Enginsh Site</a>
          <a href="#" class="footer-link">Contact U</a>
          <!-- 可以根据需要添加更多链接 -->
      </div>
      <div class="footer-contact">
          <p>公司地址:北京市昌平区建材路城西路金燕龙办公室一层</p>
          <p>邮编:100096</p>
          <p>电话:400-618-4000</p>
          <p>传真：010-82935100</p>
          <p>邮箱:zhanghj+itcast.cn</p>
      </div>
      <div class="footer-copyright">
          <p>京ICP备 ：08001421</p>
          <p>号京公网安备：110108007702</p>
      </div>
  </footer>
</body>
</html>